<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <style>
        .stylel{
            font-size: large;
            color:red;
        }
    </style>
</head>
<body>

欢迎用户<span th:text="${username}">hello</span>登录

<div th:text="${text1}">将被替换掉的原始值</div>

<div th:text="${text2}">不能识别文本中的HTML标签</div>

<div th:utext="${text2}">能识别文本中的HTML标签</div>

用户名：<input type="text" th:value="${username}" /><br/>

性别：<input type="radio" th:checked="${gender}=='男'" />男
<input type="radio" th:checked="${gender}=='女'" />女<br/>

城市<select>
    <option th:selected="${city}=='北京'">北京</option>
    <option th:selected="${city}=='上海'">上海</option>
    <option th:selected="${city}=='广州'">广州</option>
    <option th:selected="${city}=='深圳'">深圳</option>
</select>

用户列表如下：
<table border="1">
    <tr>
        <th>编号</th>
        <th>用户名</th>
        <th>密码</th>
    </tr>
    <tr th:each="user:${users}">
        <td th:text="${user.id}"></td>
        <td th:text="${user.username}"></td>
        <td th:text="${user.password}"></td>
    </tr>
</table>

用户列表(含状态)如下：
<table border="1">
    <tr>
        <th>编号</th>
        <th>用户名</th>
        <th>密码</th>
        <th>索引号</th>
        <th>是否第一个</th>
        <th>是否最后一个</th>
        <th>是否偶数次</th>
    </tr>
    <tr th:each="user,state:${users}">
        <td th:text="${user.id}"></td>
        <td th:text="${user.username}"></td>
        <td th:text="${user.password}"></td>
        <td th:text="${state.index}"></td>
        <td th:text="${state.first}"></td>
        <td th:text="${state.last}"></td>
        <td th:text="${state.even}"></td>
    </tr>
</table>

<div th:if="${username}==jf3q" th:text="该用户是管理员"></div>

<div th:unless="${username}==jf3q" th:text="该用户是普通用户"></div>

<div th:switch="${city}">
    <div th:case="北京">北京</div>
    <div th:case="上海">上海</div>
    <div th:case="广州">广州</div>
    <div th:case="深圳">深圳</div>
    <div th:case="">不确定</div>
</div>

<input type="text" value="13812345678" th:attr="name=${name}">

<div th:class="stylel">测试th:class</div>

<div th:style="'color:orange'">测试th:style</div>

<div th:object="${user}">
    <div th:text="*{id}"></div>
    <div th:text="*{username}"></div>
    <div th:text="*{password}"></div>
</div>

<a th:href="@{/restful}">测试@{}</a>

<a th:href="@{https://www.baidu.com/}">百度</a>

<a th:href="@{/restful(id=1)}">测试@{}带参数</a>

<form th:action="@{/login}" method="get">
    用户名：<input type="text" name="username"><br>
    密码：<input type="text" name="password"><br>
    <input type="submit" value="登录">
</form>
<br>

成绩及格了吗：<span th:text="${score} >= 60"></span><br>
成绩及格了吗：<span th:text="${score} ge 60"></span><br>
成绩及格了吗：<span th:text="${score} >= 60?'成绩及格':'成绩不及格'"></span><br>
是否登录：<span th:text="${username=='admin'&&password=='123'}"></span><br>

</body>
</html>